import { defineConfig,normalizePath } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'
import autoprefixer from 'autoprefixer';

const variablePath = normalizePath(path.resolve('./src/assets/variable.scss'))

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  resolve:{
    // 设置变量名
    alias: [{ find: '@', replacement: path.resolve(__dirname, 'src') }]
  },
  css:{
    // 进行PostCSS配置
    postcss:{
      plugins:[
        autoprefixer({
          // 制定目标浏览器
          overrideBrowserslist: ['Chrome > 40', 'ff > 31', 'ie 11']
        })
      ]
    },
    preprocessorOptions:{
      scss:{
        // additionalData 的内容会在每个 scss 文件的开头自动注入
        additionalData: `@import "${variablePath}";`
      }
    }
  }
})
